<!DOCTYPE html>
<html>
	<head>
		<title>生产进度日报表</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="../../../common/IplantCompent/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="../../../common/IplantCompent/themes/icon.css">
		<link rel="stylesheet" type="text/css" href="../../../common/IplantCompent/Demo/demo.css">
		<link href="../../../common/IplantCompent/liMarquee/liMarquee.css" rel="stylesheet" />
		<script src="../../../common/IplantCompent/jquery.min.js" type="text/javascript"></script>
		<script src="../../../system/screen/report/js/handlebars-v4.0.5.js"></script>
		<script src="../../../common/IplantCompent/jquery.easyui.min.js" type="text/javascript"></script>
		<script src="../../../business/IplantMobile/js/DataRequest.js" type="text/javascript"></script>
		<script src="../../../common/IplantCompent/jquery.lazyload.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			function loadscript() {
				LazyLoad.js([
					"../../../common/IplantCommon/CommonUtil.js",
					"../../../system/screen/report/highcharts/code/highcharts.js",
					"../../../system/screen/report/highcharts/code/highcharts-3d.js",
					"../../../system/screen/report/highcharts/code/highcharts-more.js",
					"../../../system/screen/report/highcharts/code/modules/exporting.js",
					"../../../system/screen/report/highcharts/code/themes/dark-unica.js",
					"../../../common/IplantCompent/liMarquee/jquery.liMarquee.js",
					"js/ProductionSiteManagement.js"
					
				]);
			};
			setTimeout(loadscript, 0);

		
			/*
			function add_zero(temp) {
				if (temp < 10) return "0" + temp;
				else return temp;
			}
			*/
	
		</script>
		<style type="text/css">
			#demo{
				width:100%;
				height:100%;
				margin-top:1%;
				color:#0792EA;
			}
			#demo table{width:100%;height:90%;}
			#demo thead tr th,#demo tbody tr td{
			    color: #0792EA;
			    font-size: 14px;
			    text-align: center;
			}
			#demo tr{
				width:100%;
				line-height:26px;
			}
			#tbody a{color:#fff;}
			.titbg{
				position:relative;
			}
			.titbg p{
			color: #fff;
		    font-size: 32px;
		    position: absolute;
		    left: 0;
		    top: 0;
		    right: 0;
		    margin: auto;
		    margin-top: 20px;
			}
			.fontcss{
				color: #f30;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			
			#wonoTable,.t-new-style {
				margin: auto;
				/* border-collapse: collapse; */
				width: 100%;
				/* height: 50%; */
				font-size: 10pml;
			}
			#wonoTable tr, .t-new-style tr {
				text-align: center;
				/* height: 25px; */
				vertical-align: middle;
			}
			#wonoTable tr td, .t-new-style tr td {
				width: 10%;
				text-align: center;
				vertical-align: middle;
				color: #00EEEE;
				line-height: 1;
				margin: 0;
				padding: 0;
				
			}
			#wonoTable tr td span, .t-new-style tr td span{
				font-size: 10px;
				font-family: 宋体;
				font-weight: bold;
				color: white;
			}
			.cbox{
				display: flex;justify-content: space-around;align-items: center;
			}
		</style>
	</head>
	<body style="padding: 0;margin: 0;">
		<div style="height:100%;width:100%;overflow: hidden;background:black;" class="easyui-layout" fit="true">
			<div style="position: relative;border:6px solid black;text-align: center;height:90px;font-size:23px;letter-spacing:4px;font-weight:600;color:white;background: #06101C;">
				<div style="height: 40px; line-height: 38px; position: absolute; top: 0; left: 20px;">
					<img src="../../../system/screen/report/image/log.png" style="vertical-align: middle;" width="30px" height="30px" /><span
						style="margin-left: 10px;font-size: 14px; font-family: 宋体; color: #A385E; font-weight: bold; color:#fff">神力索具智能制造平台</span>
				</div>
				
				<div class="titbg">
					<img src="../../../common/img/titBg.png" width="610" height="63" style="padding-top:13px;">
					<p>生产进度日报表</p>
				</div>
				
			</div>
			
			
			
			<div style="height:100%;width:100%;overflow: hidden;background:black;" class="easyui-layout" fit="true">
				<div class="cbox">
					<!-- 每日完工数量 -->
					<div id="container1" style="width: 48%;min-width:400px;height:400px"></div>
					<!-- 每日废品数量 -->
					<div id="container2" style="width: 48%;min-width:400px;height:400px"></div>
				</div>
				
				<div id="demo">
					<div data-options="region:'north'" style="background: #393A4C; height: 100%;overflow: hidden;" class="marqueeBody">
						<div style="width: 100%;text-align: center">
							<table id='wonoTable' cellpadding="0" cellspacing="0" border="0">
								<tbody>
									<tr height="32px">
										<td><span>车间</span></td>
										<td><span>工单</span></td>
										<td><span>销售订单</span></td>
										<td><span>产品名称</span></td>
										<td><span>助记码</span></td>
										<td><span>累计排产</span></td>
										<td><span>投入</span></td>
										<td><span>产出</span></td>
										<td><span>不良数</span></td>
										<td><span>生产状态</span></td>
									</tr>
								</tbody>
							</table>
							<div id="huizong" style="overflow: hidden;">
								<!-- <table id="tablehuizong" class="t-new-style"></table> -->
							</div>
						</div>
					</div>
					
					<!-- <table>
						<thead>
							<tr>
								<th>合同号</th>
								<th>助记码</th>
								<th>物料名称</th>
								<th>合同数量</th>
								<th>计划数量</th>
								<th>派工数量</th>
								<th>报工数量</th>
								<th>加工时长（秒）</th>
								<th>单件加工时长（秒）</th>
								<th>小时班产</th>
								<th>设备名称</th>
								<th>报工人员</th>
								<th>报工时间</th>
								<th>入库时间</th>
								<th>操作</th>
							</tr>
						</thead>
		
						<tbody id="tbody">
		
						</tbody>
					</table> -->
				</div>
			</div>

			<div style="border:4px solid #081828;width:83.7;height:calc(100vh - 90px);margin-left:15.3%;background:#081828; ">
				<div class="easyui-layout hiddenScrollbar" data-options="fit:true" id="p1" style="width:100%;height:100%;padding: 1px; 
			border:0px solid #95B8E7 ; overflow-y: scroll;color:#30CCC4;display:flex;justify-content: flex-start;flex-wrap:wrap">
					<!-- 此处显示模板数据    -->
				</div>
			</div>

	
		</div>

		<script type="text/x-handlebars-template" id='employeesInfoTemplate'>
			{{#each domData}}
				<div class="boxs" style="width:33%;min-height:180px;box-sizing: border-box;">
					<div class="sbMsg">
						<button style="background-color: rgba(241, 241, 241, 0.6);
							box-shadow: 0 5px 20px rgba(100, 196, 15, .5);
							border:0">{{NAME}}</button>
						<span class="etname">{{ET_NM}}</span>
					</div>
					<div class="boxs-item">
						<div class="imgbox">
							<img  src="/iTaurus/common/img/{{ET_PL}}" />
							<!-- <img  src="/iTaurus/common/img/kanban.jpg" /> -->
						</div>
						<div class="namebar">
							<p><span>运行时间 : {{RUN_TIME}}分</span><span>加工时间 : {{MACHINING_TIME}}分</span></p>
							<p><span>稼动率 : {{jyl}}</span><span>用电量 : {{ELECTRICITY_CONSUMPTION}}</span></p>
							<p><span>本次产量: {{CURRENT_PRO_QTY}}</span><span>计划产量: {{PLAN_PRO_QTY}}</span></p>
							<!-- <p>累计产量: {{CUMULATIVE_PRO_QTY}}</p> -->
							<div class="error">
								{{ERROR_MESSAGER}}
							</div>
						</div>
					</div>
				
				</div>
			{{/each}}
	</script>
	</body>
</html>
